<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>下拉菜单</title>
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.11.3.min.js" ></script>
<script src="../js/bootstrap.min.js"></script>
</head>
<h3>示例1</h3>
<div class="navbar navbar-default" id="navmenu">
    <a href="##" class="navbar-brand">W3cplus</a>
    <ul class="nav navbar-nav">
        <li class="dropdown">
			<a href="##" data-toggle="dropdown" class="dropdown-toggle" role="button" id="tutorial">教程<b class="caret"></b></a>
			<ul class="dropdown-menu" role="menu" aria-labelledby="tutorial">
				<li role="presentation"><a href="##">CSS3</a></li>
				<li role="presentation"><a href="##">HTML5</a></li>
				<li role="presentation"><a href="##">Sass</a></li>
			</ul>
		</li>
		<li><a href="##">前端论坛</a></li>
		<li><a href="##">关于我们</a></li>
	</ul>
</div>

<!--代码任务部分-->
<ul class="nav nav-pills">
    <li><a href="##">教程</a></li>
	<li class="active"><a href="##">前端论坛</a></li>
	<li class="dropdown">
    <a href="##" data-toggle="dropdown" class="dropdown-toggle" role="button" id="tutorial">关于我们<b class="caret"></b></a>
        <ul class="dropdown-menu" role="menu" aria-labelledby="tutorial" >
            <li role="presentation"><a href="#">团队成长</a></li>      
            <li role="presentation"><a href="#">leader成员</a></li>
            <li role="presentation"><a href="#">活动</a></li>
        </ul>
        
    </li>
</ul>
<body>
</body>
</html>
